<style lang="less" scoped>
	.meauTop{
		width: 100%;
		background-color: transparent;
		position: fixed;
		z-index: 1000;
		padding-bottom:10px ;
		left:0;
		.container{
			width: 90%;
			margin-left: 5%;
			margin-top: 15px;
			display: flex;
			justify-content: space-between;
			
			[class^='icon']{
				width: 6%;
				img{
					width: 100%;
				}
				margin-top: 2px;
			}
			.icon3{
				position: absolute;
				right:15%;
			}
			.title{
				color:#fefefe;
				font-size: 22px;
			}
		}
	}
	
</style>
<template>
	<view class="meauTop">
		<view class="container">
			<div class="icon1">
				<uni-icons type="left" size="30" @click="back" color="#fefefe"></uni-icons>
			</div>
			<div class="title">
				<span>歌单</span>
			</div>
			<div class="icon3">
				<uni-icons type="search" size="30" @click="toSearch" color="#fefefe"></uni-icons>
			</div>
			<div class="icon2">
				<uni-icons type="more-filled" size="30" color="#fefefe"></uni-icons>
			</div>
		</view>
	</view>
	
</template>

<script>
	export default {
		name:"meauTop",
		props: {
			obj: {
				type: Object,
				required: true
			},
		},
		data() {
			return {
				
			};
		},
		methods:{
			toSearch(){
				uni.navigateTo({
					url:"/pages/search/search"
				})
			},
			back(){
				uni.navigateBack()
			}
		}
	}
</script>